<%--
  Created by IntelliJ IDEA.
  User: l
  Date: 2019/11/14
  Time: 22:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=0.58,maximum-scale=1.0, user-scalable=no">
    <title>网页加载引导界面</title>

    <link rel="stylesheet" href="css/bootstrap-responsive.min.css"/>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/style.css"/>

    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>

    <style type="text/css">
        body {
            background: url(img/背景.png) repeat 0 0;
            height: 100%;
        }
    </style>

</head>
<body>
<div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="header">
                <img src="img/logo.png" style="margin-top: -40px;"/>
            </div>
        </div>
        <div class="row banxin2">

                <div >
                    <div style="width:30px;height: 30px; border-radius:50%;background-color: #2f963b;text-align: center;float: left">
                        <span style="width:30px;height: 30px; border-radius:50%;background-color: #2f963b;text-align: center;color: white;font-size:20px;">1</span>
                    </div>
                    <div style="float: left;margin-left: 10px">
                        <span style="font-size: 18px;color: white">左击鼠标，选择查看元素/检查</span>
                    </div>
                </div>
                <div style="width: 600px;height:300px;margin-top: 10px">
                    <img src="img/int1.png" style="width: 600px;height:300px;"/>
                </div>

                <div>
                    <div style="width:30px;height: 30px; border-radius:50%;background-color: #2f963b;text-align: center">
                        <span style="color: white;font-size:20px;">2</span>
                    </div>
                    <div style="float: left;margin-left: 10px">
                        <span style="font-size: 18px;color: white">点击存储查看cookie</span>
                    </div>
                </div>
                <div style="width: 600px;height:300px;margin-top: 10px">
                    <img src="img/int2.png" style="width: 600px;height:300px;"/>
                </div>

                <div>
                    <div style="width:30px;height: 30px; border-radius:50%;background-color: #2f963b;text-align: center">
                        <span style="color: white;font-size:20px;">3</span>
                    </div>
                    <div style="float: left;margin-left: 10px">
                        <span style="font-size: 18px;color: white">点击cookie，进入网页查看cookie值</span>
                    </div>
                </div>
                <div style="width: 600px;height:300px;margin-top: 10px">
                    <img src="img/int3.png" style="width: 600px;height:300px;"/>
                </div>

                <div>
                    <div style="width:30px;height: 30px; border-radius:50%;background-color: #2f963b;text-align: center">
                        <span style="color: white;font-size:20px;">4</span>
                    </div>
                    <div style="float: left;margin-left: 10px">
                        <span style="font-size: 18px;color: white">复制cookie的名称和值</span>
                    </div>
                </div>
                <div style="width: 600px;height:300px;margin-top: 10px">
                    <img src="img/int4.png" style="width: 600px;height:300px;"/>
                </div>

                <div>
                    <div style="width:30px;height: 30px; border-radius:50%;background-color: #2f963b;text-align: center">
                        <span style="color: white;font-size:20px;">5</span>
                    </div>
                    <div style="float: left;margin-left: 10px">
                        <span style="font-size: 18px;color: white">粘贴到对应的位置，点击加号按钮，重复上一步直到所有值都粘贴完成</span>
                    </div>
                </div>
                <div style="width: 600px;height:300px;margin-top: 10px">
                    <img src="img/int5.png" style="width: 600px;height:300px;"/>
                </div>

        </div>

    </div>
</div>

</body>
</html>
